@import '~@/assets/css/mixins';

.back_bar {
  height: 67px;
  color: @gray-700;
  font-size: 16px;
  line-height: 67px;
  text-indent: 24px;
  background: #fff;
  border-bottom: 1px solid @gray-200;

  :global {
    .iconfont {
      color: @gray-700;
      cursor: pointer;
    }
  }

  span {
    position: relative;
    cursor: pointer;

    &::before {
      content: "";
      position: absolute;
      top: -12px;
      right: -12px;
      bottom: -12px;
      left: -12px;
    }
  }
}

.form {
  width: 600px;
  margin-top: 50px;
  margin-left: 160px;

  .column {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-left: 11px;
    color: @gray-700;
    font-weight: @font-weight-bold;
    font-size: @font-size-16;

    &::before {
      position: absolute;
      top: 5px;
      left: 0;
      width: 3px;
      height: 14px;
      background: @primary;
      content: '';
    }
  }

  .field_mapping {
    //width: 840px;
    width: 1200px;
    margin-bottom: 30px;
  }

  .form_item {
    width: 500px;
    height: 32px;
    padding: 0 15px;
    color: rgb(0 0 0 / 85%);
    line-height: 32px;
    background: rgb(248 249 251 / 100%);
  }

  :global {
    .icon-zhujian {
      position: absolute;
      left: 4px;
      top: 0;
      font-size: 14px;
      color: @orange;
    }
  }
}
